import React,{useEffect} from 'react';
import {
    View,
    StyleSheet,
    Image
} from 'react-native'; 
import icon_logo_main from '../../assets/icon_main_logo.png';
import { useNavigation } from '@react-navigation/native';
import { StackNavigationProp } from '@react-navigation/stack';
export  default ()=> {
    const navigation = useNavigation<StackNavigationProp<any>>();
    useEffect(()=>{
        setTimeout(()=>{
            navigation.replace('MainTab');
        },3000);
    },[]);
    return (
        <View style={styles.root}>
            <Image style={styles.logo_main} source={icon_logo_main}></Image>
        </View>
    );
}
const styles = StyleSheet.create({
        root:{
            width: '100%',
            height: '100%',
            backgroundColor: 'white',
            flexDirection: 'column',
            alignItems: 'center'
        },
        logo_main:{
            width: 200,
            height: 110,
            marginTop: 200
        }
});